<template>
   <div class="ThreeLevelLinkage">
       <div class="province">
           <p>省份</p>
            <input type="text" class="inputs" placeholder="省份">
       </div>
        <div class="city">
            <p>城市</p>
            <input type="text" class="inputs" placeholder="城市">
        </div>
        <div class="region">
            <p>地区</p>
            <input type="text" class="inputs" placeholder="地区">
        </div>
        
    </div>
</template>

<script>

    export default {
        name:"ThreeLevelLinkage",
       
      
    }
</script>

<style scoped>
     .province,.city,.region{
        width: 100%;
        height: 1.02rem;
        background-color: #fff;
        border-bottom: 0.01rem solid #c9c9c9
    }
    .province p,.city p,.region p{
       width: 1.2rem;
       margin-left: 0.2rem;
       float: left;
       text-align: center;
       line-height: 1.02rem;
       font-size: 0.3rem
    }
    .inputs{
        width: 6rem;
        height: 1.02rem;
        float: left;
    }
</style>